<template>
	<view class="">
		<zb-tab
		  :activeStyle="{
		    fontWeight: 'bold',
		    transform: 'scale(1.1)'
		    }"
		  :data="navTimeList"
		  v-model="active"
		 ></zb-tab>
	
		<view class="card" v-for="item,index in navTimeList" v-show="item.value==active" :key="item.value">
            <!-- 活动列表 -->
           <activityList v-show="item.value===0" ></activityList>
		   <!-- 活动配置 -->
		   <paymentConfiguration v-show="item.value===2" ></paymentConfiguration>
		   <!-- 支付配置 -->
           <activeConfiguration v-show="item.value===1" ></activeConfiguration>
		   <!-- 支付信息 -->
		   <paymentInformation v-show="item.value===3"></paymentInformation>
		</view>
	
	</view>
</template>

<script>
	
	import activityList from '@/components/activityList/activityList.vue'
	import paymentConfiguration from '@/components/paymentConfiguration/paymentConfiguration.vue'
	export default {
		
		data() {
			return {
				active:0,
				navTimeList: [{
					name: '活动列表',
					value: 0,
					
				}, 
				{
					name: '活动配置',
					value: 1,
				},
				{
					name: '支付配置',
					value: 2,
				},
				{
					name: '支付信息',
					value: 3,
				},
				],
			}
		},
		onLoad() {
          
		},
		methods: {

		}
	}
</script>

<style>
</style>